<script>
// <template>
//     <div>
//       父组件id是：{{ pdata.pid }}这是子组件的slot:<slot :text="text"
//         ><i>默认占位</i></slot
//       >
//     </div>
// </template>
export default {
  // props: ["pdata"],
  props: {
    pdata: {
      type: Object,
      default() {
        return {
          pid: 0,
        };
      },
    },
  },
  data() {
    return {
      text: "子组件的内容文本",
      // pid: this.pdata.pid, // 不会随着pid变化
    };
  },
  computed: {
    pid() {
      return this.pdata.pid;
    },
  },
  render() {
    let defaultSlotContent =
      typeof this.$scopedSlots.default == "function"
        ? this.$scopedSlots.default({
            text: this.text,
          })
        : "默认的朋友";

    return (
      <div>
        父组件的id是：{this.pid}这是子组件的slot:
        {defaultSlotContent}
      </div>
    );
  },
};
</script>